{% extends 'app_base.html' %}
{% load i18n %}

{% load humanize %}

{% block title %} {% trans 'Notifications' %} {% endblock %}

{% block head %}
  <link href="{{ STATIC_URL }}css/notifications.css" rel="stylesheet">
{% endblock head %}

{% block main %}
  <ul class="all-notifications">
    {% for notification in unread %}
      <li class="clearfix">
        <a href=""><img src="{{ notification.from_user.profile.get_picture }}" class="user-picture"></a>
        <div>
          <small style="color:#000000">{{ notification.date|naturaltime }}</small>
          <a href=""><p>{{ notification|safe }}</p></a>
        </div>
      </li>
    {% empty %}
    <center><li>天呐，一条消息都木有～</li></center>
    {% endfor %}
  </ul>
{% endblock main %}
{% block script %}
  <script>
    $(function(){
      $("a").each(function(){
        $(this).attr("href","");      
      });
    });
  </script>
{% endblock script %}
